<template>
  <div class="home">
     <h3>点击弹出框</h3>
     <dialong width="800px" height="600px" :visible.sync=dialogVisible title="添加收货地址" @maskout="maskout"  @colsemask="hadlemask"></dialong>
  </div>
</template>

<script>

export default {
  data() {
    return {
      dialogVisible:false
    }
  },
  methods: {
    maskout(value){
      this.dialogVisible =value
    },
    hadlemask(val){
      this.dialogVisible =val
    }
  }
}
</script>
<style lang="scss" scoped>
h3{
  width: 100px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  background:linear-gradient( to bottom right #db7093 #ffc0cb)
}
</style>

